
//引用common.less文件夹

@import 'common.less';



#all_wrap{
    overflow: hidden;
}
//头部表头
#header_wrap{
    background: @header_top;
    width: auto;
    height: auto;
    .header_inner{
        width: 1190px;
        height: 35px;
        margin: 0 auto;
        background: white;
        .ng-toolbar-left{
            width: 172px;
            height: 35px;
            float: left;
            .a_left{
                position: relative;
                display: block;
                width: 85px;
                height: 35px;
                border-top: 2px solid @header_top;
                border-left: 1px solid @header_top;
                border-right: 1px solid @header_top;
                float: left;
                padding: 0px 10px;
                font-size: 12px;
                //下拉导航
                 .nav_web{
                     position: absolute;
                     top: 33px;
                     left: -1px;
                     width: 988px;
                     height: 240px;
                     padding: 20px 0;
                     border: 1px solid @header_top;
                     display: none;
                     background: white;
                     z-index: 2;
                     .none-border{
                            border: none;
                        }
                     dl{
                         float: left;
                         width: 176px;
                         height: 200px;
                         margin-left: 20px;
                         border-right: 1px solid @header_top;
                         dt{
                             width: 176px;
                             height: 25px;
                             text-align: left;
                             line-height: 25px;
                         }
                         p{
                             float: left;
                             width: 78px;
                             height: 25px;
                             text-align: left;
                             line-height: 25px;
                             
                         }
                     }
                 }
                &:hover{
                    border-left: 1px solid #DDDDDD;
                    border-right: 1px solid #DDDDDD;
                    color: @fontcolor;
                    text-decoration: none;
                    background: @whiter;
                }
                &:hover .sia-sanjiao{
                    background: url(../img/icon/xiaosanjiao1.png) no-repeat 0px 14px;
                    transform:rotate(0deg);
                }
                &:hover .nav_web{
                    display: block;
                }
                span{
                    display: block;
                    width: 48px;
                    height: 35px;
                    margin: 0 auto;
                    text-align: center;
                    line-height: 35px;
                }
                em{
                    .sanjiao();
                }
            }
            .a_right{
                display: block;
                width: 68px;
                height: 35px;
                float: left;
                padding: 0px 10px;
                font-size: 12px;
                &:hover{
                    color: @juse;
                    text-decoration: underline;
                }
                span{
                    display: block;
                    width: 48px;
                    height: 35px;
                    margin: 0 auto;
                    text-align: center;
                    line-height: 35px;
                }
            }
            
        }
        .ng-toolbar-right{
//          登录注册
            width: 670px;
            height: 36px;
            float: right;
            #login-regist{
                width: 81px;
                height: 35px;
                padding: 0 10px;
                .login{
                    display: inline-block;
                    margin-top: 8px;
                }
                .register{
                    display: inline-block;
                    margin-top: 8px;
                }
                .juse{
                    color: @juse; 
                }
            }
            ul{
             width: 670px;   
             height: 36px;
             li{
                 position: relative;
                 float: left;
                 text-align: center;
                 line-height: 35px;
//                      我的订单
                     .myorder{
                         position: absolute;
                         top: 35px;
                         left: -1px;
                         width: 91px;
                         height: 120px;
                         padding-bottom: 5px;
                         background: yellow;
                         z-index: 2;
                         display: none;
                         .myorder-a{
                             display: block;
                             width: 81px;
                             height: 30px;
                             padding-left: 10px;
                             text-align: center;
                             line-height: 30px;
                         }
                     }
                      
                     &:hover .myorder{
                         display: block;
                     }
//                   我的易购
                    &:hover .my-yigou{
                         display: block;
                     }
                     .my-yigou{
                         position: absolute;
                         left: -1px;
                         top: 35px;
                         width: 162px;
                         height: 156px;
                         padding-bottom: 5px;
                         display: none;
                         border: 1px solid @header_top;
                         background: white;
                         z-index: 2;
                         .user-info{
                             height: 56px;
                         .phone-user{
                             display: block;
                             width: 54px;
                             height: 54px;
                             margin-top: 5px;
                             margin-left: 10px;
                             border: 1px solid @header_top;
                         }
                         }
                         .user-list{
                             width: 162px;
                             .user-list-a{
                                 display: block;
                                 float: left;
                                 width: 71px;
                                 height: 30px;
                                 padding-left: 10px;
                                 text-align: center;
                                 line-height: 30px;
                             }
                         }
                     }
//                   客户服务
                    .kehu-server{
                        position: absolute;
                        right: -1px;
                        top: 35px;
                        width: 168px;
                        height: 84px;
                        border: 1px solid @header_top;
                        background: white;
                        display: none;
                        z-index: 2;
                        a{
                            display: block;
                            width: 71px;
                            height: 28px;
                            float: left;
                            margin-left: 10px;
                            text-align: center;
                            line-height: 28px;
                        }
                    }
                    &:hover .kehu-server{
                        display: block;
                    }
                 a{
                     display: block;
                     padding: 0 10px;
                     position: relative;
                     &:hover{
                         color: @juse;
                         background: @whiter;
                        }
                     &:hover .sia-sanjiao{
                          background: url(../img/icon/xiaosanjiao1.png) no-repeat 0px 14px;
                          transform:rotate(0deg);
                         }
                     em{
                        .sanjiao();
                        }
                 }
                 .home-width1{
                     width: 83px;
                 }
                 .home-width2{
                     width: 101px;
                 }
                 .home-width3{
                     width: 109px;
                 }
             }
            }
        }
    }
}
//横线
//.hengxian_home{
//  position: absolute;
//  top: 35px;
//  left: 0px;
//  border-bottom: 1px solid white;
//}

//logo部分
#header_center{
    width: 1190px;
    height: 100px;
    margin: 0 auto;
    background: white;
    .logo{
        display: block;
        width: 190px;
        height: 90px;
        float: left;
    }
    .huodong{
        display: block;
        width: 180px;
        height: 100px;
        float: left;
    }
    .serch-right{
        width: 600px;
        height: 100px;
        float: left;
        .serch-in{
            width: 600px;
            height: 38px;
            margin-top: 31px;
            input{
                display: block;
                width: 500px;
                height: 38px;
                float: left;
                border: 3px solid @serch;
                text-indent: 0.5em;
            }
            span{
                display: block;
                width: 100px;
                height: 38px;
                background: @serch;
                float: right;
                text-align: center;
                line-height: 38px;
                font-size: 18px;
                font-weight: 700;
            }
        }
        .search-bottom-text{
            width: 600px;
            height: 18px;
            line-height: 18px;
            .red{
                color: @juse;
            }
            a{
                padding-right: 5px;
            }
        }
    }
    }
    
//  表头底部
#nav{
    width: 1190px;
    height: 36px;
    margin: 0 auto;
    background: white;
    margin-bottom: 2px;
    .nav-inner{
        width: 1005px;
        height: 36px;
        .nav-all{
            position: relative;
            width: 210px;
            height: 36px;
            float: left;
            background: @serch;
            text-align: left;
            text-indent: 10px;
            line-height: 36px;
            font-size: 14px;
            font-weight: 700;
            span{
                
            }
            .nav-all-left{
                position: absolute;
                top: 0px;
                left: -10px;
                width: 10px;
                height: 36px;
                background: @serch;
            }
            .nav-all-bottom{
                position: absolute;
                top: 36px;
                left: -10px;
                width: 10px;
                height: 10px;
                border-radius: 0 0 0 100%;
                background: #D8A302;
            }
        }
        .nav-all-right{
            width: 795px;
            height: 36px;
            float: left;
            ul{
                width: 795px;
                height: 36px;
                li{
                    position: relative;
                    float: left;
                    padding-left: 13px;
                    padding-right: 12px;
                    text-align: center;
                    line-height: 36px;
                    a{
                        font-size: 14px;
                        font-weight: 700;
                    }
                }
                .hot-li{
                    .hot-new;
                    background: url(../img/icon/npbg.png) no-repeat 0 -205px;
                }
                .new-li{
                    .hot-new;
                    background: url(../img/icon/npbg.png) no-repeat -17px -205px;
                }
            }
        }
    }
}
 
 
//轮播图   
#lunbotu-nav{
    width: 100%;
    height: 457px;
    border-top: 2px solid #333333;
    margin: 0 auto;

    .lunbotu{
        position: relative;
        width: 770px;
        height: 455px;
        margin: 0 auto;
        .lunbo-a{
          position: absolute;
          display: block;
          width: 770px;
          height: 455px;
          display: none;
        }
        .lunbo-a:nth-child(1){
            display: block;
        }
        .ul{
            width: 170px;height: 18px;
            position: absolute;
            left: 320px;
            bottom: 15px;
            .ul-li{
                width: 18px;height: 18px;
                float: left;
                border-radius: 50%;
                text-align: center;
                line-height: 18px;
                font-size: 12px;
                background: #3e3e3e;
                color: white;
                margin-right: 10px;
                cursor: pointer;
            }
            .ul-li:nth-child(1){
                background: #B61B1F;
            }
        }
        .btn{
            width: 770px;
            height: 62px;
            padding: 0;
            position: absolute;
            top: 196px;left: 0px;
            display: none; 
            .btn_left{
                .tab_r_l;
                float: left;  
            }
            .btn_right{
                .tab_r_l;
                float: right;
            }
        }
    }
    
}

//  颜色包
    .lbt-color-0{
      background: #FF1572;  
    }
    .lbt-color-1{
      background: #F5185E;  
    }
    .lbt-color-2{
      background: #60C92F;  
    }
    .lbt-color-3{
      background: #E92816;  
    }
    .lbt-color-4{
      background: #DC0D81;  
    }
    .lbt-color-5{
      background: #FF1572;  
    }
    .lbt-color-6{
      background: #F5185E;  
    }


// 导航  
#nav-left{
    position: absolute;
    left: -210px;
    top: -3px;
    width: 210px;
    height: 457px;
    background: white;
    .nav-left-ul{
        width: 210px;
        height: 457px;
        .nav-left-li{
            position: relative;
            width: 210px;
            height: 35px;
            padding-left: 10px;
            .nav-left-li-a{
                display: block;
                float: left;
                padding-left: 6px;
                height: 35px;
                text-align: center;
                line-height: 35px;
                font-size: 12px;
                font-weight: 700;
                color: black;
            }
//          侧边指向三角样式
            .to-sanjiao{
                position: absolute;
                right: 20px;
                top: 14px;
                width: 0px;
                height: 0px;
                border-left: 5px solid white;
                border-right: 5px solid #FA4B4B;
                border-top: 5px solid #FA4B4B;
                border-bottom: 5px solid #FA4B4B;
                display: none;
            }
            &:hover{
                background: #FA4B4B;
            }
            
            &:hover .nav-left-li-a{
                color: white;
            }
            &:hover .to-sanjiao{
                display: block;
            }
//          二级菜单
            .second-nav{
                position: absolute;
                top: 0px;
                left: 210px;
                width: 998px;
                padding-right: 10px;
                height: 457px;
                border: 2px solid #FA4B4B;
                background: white;
                display: none;
                z-index: 2;
                .second-nav-left{
                    width: 710px;
                    height: 451px;
                    float: left;
                    .sort-btn{
                        min-width: 686px;
                        height: 24px;
                        margin-top: 10px;
                        margin-left: 8px;
                        .sort-btn-small{
                            min-width: 81px;
                            height: 24px;
                            .fl;
                            margin-left: 31px;
                            .sort-btn-small-words{
                                display: block;
                                .fl;
                                padding: 0 10px;
                                height: 24px;
                                background: #EEEEEE;
                                .words-center(24px);
                            }
                            i{
                                display: block;
                                .fl;
                                width: 25px;
                                height: 24px;
                                background: #DDDDDD;
                                .words-center(24px);
                            }
                        }
                    }
                    .cate-list{
                        width: 690px;
                        height: 409px;
                        margin-top: 20px;
                        padding-left: 10px;
                        dl{
                            width: 660px;
                            height: 53px;
                            margin-bottom: 8px;
                            dt{
                                width: 84px;
                                height: 24px;
                                .fl;
                                .nav-dt{
                                .words-center(24px);
                                font-size: 12px;
                                &:hover{
                                        color: @juse;
                                    }
                                }
                            }
                            dd{
                                width: 560px;
                                min-height: 29px;
                                .fl;
                                margin-top: 4px;
                                padding-bottom: 8px;
                                border-bottom: 1px solid #EEEEEE;
                                a{
                                    display: block;
                                    .fl;
                                    .words-center(20px);
                                    width: auto;
                                    height: 20px;
                                    margin-right: 15px;
                                    &:hover{
                                        color: @juse;
                                    }
                                }
                                .juse{
                                    color: #FF6600;
                                }
                            }
                        }
                    }
                }
                .second-nav-right{
                    width: 256px;
                    height: 426px;
                    margin-top: 10px;
                    margin-left: 10px;
                    float: right;
                    .second-nav-right-a{
                        display: block;
                        .fl;
                        width: 123px;
                        height: 50px;
                        margin-right: 5px;
                        margin-bottom: 5px;
                    }
                    .second-nav-right-a2{
                        display: block;
                        .fl;
                        width: 251px;
                        height: 120px;
                        margin-right: 5px;
                    }
                }
            }
            &:hover .second-nav{
                display: block;
            }
        }  
    }
}
    
   
//右侧tab切换
#infor-content{
    position: absolute;
    right: -220px;
    top: 20px;
    width: 210px;
    height: 377px;
    border-top: 2px solid @juse;
    background: white;
    .tab-title{
        height: 28px;
        width: 210px;
        .tab-title-inner{
            width: 180px;
            height: 28px;
            margin: 0 auto;
            .tab-title-inner-a{
                display: block;
                width: 60px;
                height: 28px;
                .fl;
                .words-center(28px);
                background: white;
//              &:nth-child(1){
//              background: #FFC001;
//              }
//              &:hover{
//                  color: #666666;
//                  text-decoration: none;
//                  background: #FFC001;
//              }
            }
            
//          配合jquery变换样式
            .change-bg{
                color: #666666;
                text-decoration: none;
                background: #FFC001;
            }
        }
    }
    .tab-content{
        position: relative;
        width: 210px;
        height: 160px;
        margin-top: 20px;
        margin-bottom: 5px;
        .tab-content1{
            position: absolute;
            top: 0px;
            left: 0px;
            background: white;
            .read-show{
                width: 179px;
                height: 29px;
                .words-center(29px);
                .juse{
                    color: #FF6600;
                }
                .tab-content-a{
                    i{
                         font-style: normal;
                         padding-right: 10px;
                    }
                    
                }
            }
        }
        
        
        .tab-content2{
           position: absolute;
           top: 0px;
           left: 0px; 
           width: 210px;
           height: 160px;
           background: white;
           display: none;
           .tab-a-img{
               display: block;
               margin: 0 auto;
               width: 179px;
               height: 110px;
               margin-bottom: 5px;
           }
           .item-text{
               width: 179px;
               height: 22px;
               margin: 0;
               padding-left: 16px;
               .w-l(22px);
               a{
                   color: @juse;
                   i{
                       font-style: normal;
                   }
               }
               
           }
        }
        
        .tab-content3{
           position: absolute;
           top: 0px;
           left: 0px; 
           width: 210px;
           height: 160px;
           background: white;
           display: none;
           .jiequtupian{
               display: block;
               margin-left: 10px;
           }
        }
        
    }
    ul{
        width: 200px;
        height: 142px;
        margin: 0 auto;
        margin-top: 20px;
        background: gray;
    }
}
    
//内容部分开始
#huodong{
    width: 1190px;
    height: auto;
    margin: 0 auto;
    margin-top: 60px;
    .huodong-img{
        width: 1190px;
        height: 220px;
    }
    .enter-list-div{
        width: 1190px;
        height: 380px;
        overflow: hidden;
        background: #FFCA00;
        a{
            display: block;
            width: 230px;
            height: 180px;
            .fl;
            margin-right: 10px;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        a:nth-child(5n){
            margin-right: 0px;
        }
    }
    .enter-list-bottom{
        width: 1190px;
        height: 42px;
        margin: 0 auto;
        background: url(../img/huodong/huodong-bottom.jpg) no-repeat -365px bottom;
    }
}

//推荐商品
#activityEnter{
    position: relative;
    width: 1190px;
    height: 184px;
    margin: 0 auto;
    overflow: hidden;
    .activityEnter-img{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 4800px;
        height: 184px;
        a{
            display: block;
            width: 290px;
            height: 184px;
            .fl;
            margin-right: 10px;
        }
    }
    
    
    ul{
        position: absolute;
        width: 1270px;
        height: 80px;
        top: 52px;
        left: -40px;
        li{
            .fl;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: rgba(0,0,0,0.1);
            overflow: hidden;
            .qiehuan-jiantou{
                width: 40px;
                height: 80px;
                .fr;
                color: white;
                .w-r1(80px);
                font-size: 64px;
                text-decoration: none;
                &:hover{
                    text-decoration: none;
                }
            }
            
        }
        li:nth-child(2){
            .fr;
        }
        li:nth-child(2) .qiehuan-jiantou{
            .fl;
            .w-l(80px);
        }
    }
}

//放心去喜欢

#second-sceeen{
    width: 1190px;
    height: 430px;
    margin: 0 auto;
    margin-top: 30px;
    .se-title{
        width: 100%;
        height: 40px;
        margin-bottom: 10px;
        h3{
            width: 100px;
            height: 40px;
            .words-center(40px);
            font-size: 20px;
            font-family: "microsoft yahei";
            font-weight: 700;
        }
    }
    .feature-conent{
        width: 1190px;
        height: 379px;
        .feature-enter-left{
            .fl;
            width: 381px;
            height: 379px;
            a{
                display: block;
                border: 1px solid #EEEEEE;
            }
            a:nth-child(2){
                border-top: none;
            }
        }
        .feature-enter-right{
            .fr;
            width: 797px;
            height: 379px;
            ul{
                width: 796px;
                height: 378px;
                border-top: 1px solid #EEEEEE;
                border-left: 1px solid #EEEEEE;
                li{
                    .fl;
                    a{
                        display: block;
                        overflow: hidden;
                        width: 198px;
                        height: 188px;
                        border-right: 1px solid #EEEEEE;
                        border-bottom: 1px solid #EEEEEE;
                        background: white;
                    }
                    &:hover{
                        box-shadow: 0px 0px 5px #ccc;
                    }
                }
                .dpsy-li{
                        .fl;
                        .dpsy-a{
                            display: block;
                            overflow: hidden;
                            width: 131px;
                            height: 125px;
                            border-right: 1px solid #EEEEEE;
                            border-bottom: 1px solid #EEEEEE;
                            background: white;
                        }
                        &:hover{
                            box-shadow: 0px 0px 5px #ccc;
                        }
                }
            }
        }
    }
}


//猜你喜欢
#to-cnxh{
    position: relative;
    width: 1190px;
    height: 333px;
    margin: 0 auto;
    margin-top: 30px;
    border-bottom: 1px solid @border-color;
    overflow: hidden;
    .cnxh-title{
        width: 100%;
        height: 40px;
        margin-bottom: 10px;
        h3{
            width: 80px;
            height: 40px;
            .fl;
            .words-center(40px);
            font-size: 20px;
            font-family: "microsoft yahei";
            font-weight: 700;
        }
        .change-common-dity{
            width: 71px;
            height: 50.5px;
            line-height: 50.5px;
            text-align: right;
            .fr;
            a{
               font-size: 14px; 
                i{
                    padding-right: 5px;
                    background: url(../img/icon/changeicon.png) no-repeat -1px -1px;
                }
                &:hover{
                    color: #FF6600;
                    text-decoration: none;
                }
            }
        }
    }
//  内容
    .cnxh-content{
        position: absolute;
        left: 0px;
        top: 30px;
        width: 1190px;
        height: 283px;
        margin-top: 30px;
        border-bottom: 1px solid @border-color;
        border-right: 1px solid @border-color;
        li{
            width: 198px;
            height: 281px;
            .fl;
            border-top: 1px solid @border-color;
            border-left: 1px solid @border-color;
            a{
                display: block;
                width: 160px;
                height: 160px;
                margin-top: 19px;
                margin-left: 19px;
            }
            p{
                height: 40px;
//              多行溢出,貌似不管用
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                word-break: break-all;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                .words-center(20px);
                .cnxh-price{
                    display: block;
                    .fl;
                    color: #E12228;
                }
                .cnxh-cuxiao{
                    display: block;
                    width: 47px;
                    height: 18px;
                    .fr;
                    margin-top: 10px;
                    margin-right: 19px;
                    .words-center(18px);
                    color: white;
                    background: #FA4B4B;
                }
            }
        }
    }
}


//楼层样式
.first-floor{
    width: 1196px;
    height: 660px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid @border-color;
    overflow: hidden;
    .floor-title{
        width: 100%;
        height: 40px;
        margin-bottom: 10px;
        h3{
            min-width: 120px;
            height: 40px;
            .fl;
            .words-center(40px);
            font-size: 20px;
            font-family: "microsoft yahei";
            font-weight: 700;
        }
        .floor-tab{
            margin-top: 20px;
            height: 34px;
            .fr;
            li{
                width: 56px;
                height: 34px;
                .fl;
                margin-top: 6px;
                margin-left: 20px;
                .words-center(34px);
                border-radius: 5px;
                cursor: pointer;
                em{
                    font-style: normal;
                }
//              em:hover{
//                  cursor: pointer;
//                  color: #783E18;
//                  font-weight: 700;
//              }
            }
            
            .bg-li{
                color: white;
                background: #783E18;
            }
        }
    }
    

    
    
    
    .floor-content{
        width: 1196px;
        height: 590px;
        overflow: hidden;
        .floor-content-left{
            width: 389px;
            height: 589px;
            .fl;
            border-left: 1px solid @border-color;
            border-bottom: 1px solid @border-color;
            .floor-content-left1{
                width: 389px;
                height: 319px;
                position: relative;
                .floor-dis{
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    width: 383px;
                    height: 94px;
                    background: rgba(255,255,255,0.5);
                    .entrances{
                        width: 383px;
                        height: 94px;
                        li{
                            .fl;
                            width: 127px;
                            height: 47px;
                            padding: 7px 0px 7px 0px;
                            a{
                                display: block;
                                width: 85px;
                                height: 33px;
                                margin: 0 auto;
                                
                                i{
                                    display: block;
                                    width: 20px;
                                    height: 33px;
                                    .fl;
                                }
                                em{
                                    display: block;
                                    width: auto;
                                    height: 33px;
                                    font-style: normal;
                                    font-size: 14px;
                                    .fl;
                                    .words-center(33px);
                                    margin-left: 10px;
                                    color: #DFA0AD;
                                    font-size: 12px;
                                    font-weight: 500;
                                }
                            }
                            
                        }
                    }
                }
            }
            .floor-content-left2{
                width: 383px;
                height: 124px;
                border-left: 1px solid @border-color;
                border-bottom: 1px solid @border-color;
                .floor-content-left2-l{
                    width: 128px;
                    height: 100px;
                    margin: 12px 18px;
                    a{
                        display: block;
                        width: 64px;
                        height: 25px;
                        .fl;
                    }
                }
            }
            .loor-content-left3{
                width: 382px;
                height: 145px;
                overflow: hidden;
                border-left: 1px solid @border-color;
            }
        }
        
        //  右边外套
        #floor-content-inner{
            position: relative;
            width: 805px;
            height: 588px;
            .fr;
        }
        
        
        
        .floor-content-right{
            position: absolute;
            right: 0px;
            top: 0px;
            width: 805px;
            height: 582px;
            margin-top: 6px;
            border: 1px solid @border-color;
            background: white;
            border-left: none;
            display: none;
            .fr;
            ul{
                width: 792px;
                height: 582px;
                border-bottom: 1px solid @border-color;
                margin-left: 14px;
                li{
                    width: 197px;
                    height: 291px;
                    border-left: 1px solid @border-color;
                    border-bottom: 1px solid @border-color;
                    .fl;
                    .prd-img{
                        width: 197px;
                        height: 180px;
                        padding-top: 22px;
                        overflow: hidden;
                    }
                    .prd-name{
                        width: 198px;
                        height: 35px;
                        .words-center(17.5px);
                        padding-left: 12px;
                        padding-right: 15px;
//                      多行溢出,貌似不管用
                        display: -webkit-box;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        word-break: break-all;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                            }
                    .prd-price{
                        width: 167px;
                        height: 30px;
                        .words-center(17.5px);
                        text-align: left;
                        color: #E12228;
                        font-weight: 700;
                        font-size: 20px;
                        font-style: normal;
                        padding: 8px 15px 0px 15px;
                    }
                }
            }
            
            
//          第一页，上面是tab切换页面
            .lunbotu2{
                width: 405px;
                height: 291px;
                overflow: hidden;
                border-right: 1px solid @border-color;
                border-bottom: 1px solid @border-color;
            }
            .tab-a-img{
                display: block;
                .fl;
                border-right: 1px solid @border-color;
                border-bottom: 1px solid @border-color;
            }
            .zuhe-a{
                width: 405px;
                height: 290px;
                overflow: hidden;
                border-right: 1px solid @border-color;
                border-bottom: 1px solid @border-color;
                .fl;
            }
        }
        .floor-content-right1{
            display: block;
            width: 808px;
            border-right: none;
            border-left: 1px solid @border-color;
            height: 582px;
        }
        .floor-content-right3{
            background: blue;
        }
        .floor-content-right4{
            background: yellow;
        }
    }
}


//底部开始

#footer-wrap{
    width: 100%;
    height: auto;
    background: #F5F5F5;
    .ng-promise{
        width: 1190px;
        height: 253px;
        margin: 0 auto;
        .ng-promise-top{
                width: 1190px;
                height: 72px;
                .fl;
                padding: 12px 0;
                border-bottom: 1px solid @border-color;
            .ng-promise-top1{
                width: 297.5px;
                height: 48px;
                .fl;
                margin: 0;
                dl{
                    dt{
                        display: block;
                        width: 48px;
                        height: 48px;
                        .fl;
                        margin-right: 8px;
                        background: url(../img/icon/npbg.png) no-repeat;
                    }
                    .bao-dt2{
                        background: url(../img/icon/npbg.png) no-repeat -48px 0;
                    }
                    .bao-dt3{
                        background: url(../img/icon/npbg.png) no-repeat -96px 0;
                    }
                    .bao-dt4{
                        background: url(../img/icon/npbg.png) no-repeat -144px 0;
                    }
                    dd{
                        .fl;
                        .baozheng{
                            width: 180px;
                            height: 24px;
                            text-align: left;
                            line-height: 24px;
                            font-size: 16px;
                            font-weight: 700;
                            margin: 0;
                        }
                        .baozheng1{
                            width: 180px;
                            height: 24px;
                            text-align: left;
                            line-height: 24px;
                            font-size: 12px;
                            margin: 0;
                        }
                    }
                }
            }
        }
        
//      第二排
        .help-bottom{
            width: 1050px;
            height: 180px;
            .fl;
            dl{
                .fl;
                dt{
                    width: 210px;
                    height: 35px;
                    text-align: left;
                    line-height: 35px;
                    font-size: 16px;
                    font-weight: 700;
                }
                dd{
                    width: 210px;
                    height: 22px;
                    text-align: left;
                    line-height: 22px;
                }
            }
        }
        .yigouweixin{
            .fl;
            p{
                width: 90px;
                height: 35px;
                margin-bottom: 5px;
                text-align: center;
                line-height: 35px;
            }
            img{
                display: block;
            }
        }
        
    }
    
    
    #bottom-xianshi{
        width: 100%;
        height: 125px;
        background: #33302B;
        .bottom-xianshi-inner{
            width: 1190px;
            height: 125px;
            margin: 0 auto;
            .bottom-xianshi-inner-in{
                width:397.5px;
                height: 125px;
                margin-left: 50px;
                .fl;
                dl{
                    dt{
                        margin-top: 5px;
                        margin-right: 20px;
                        .fl;
                    }
                    dd{
                        .fl
                        p:nth-child(1){
                            width: 224px;
                            height: 25px;
                            text-align: left;
                            line-height: 12.5px;
                        }
                        p:nth-child(2){
                            width: 224px;
                            height: 54px;
                            text-align: left;
                            line-height: 27px;
                        }
                    }
                }
            }
        }
    }
    
    
//  友情链接
    #bottom-bottom{
        width: 100%;
        height: 135px;
        padding-top: 15px;
        background: #33302B;
        .bottom-bottom-inner{
            width: 1190px;
            height: 135px;
            margin: 0 auto;
            .ng-url-list{
                height: 25px;
                text-align: left;
                line-height: 25px;
                
                a{
                    color: white;
                    padding-right: 8px;
                }
                span{
                    color: #6D886B;
                }
            }
            .ng-copyright{
                color: #999999;
            }
            .ng-authentication{
                height: 25px;
                margin-top: 5px;
                text-align: left;
                line-height: 25px;
                a{
                    padding-right: 10px;
                }
            }
        }
    }
    
    
}









